<template name="lgb-shopping-cart-head">
	<view class="lgb-shopping-cart-head">
    <text class="return">&#xe6dc;</text>
    <text class="title">{{title}}</text>
    <view class="edit">{{edit}}</view>
  </view>
</template>

<script>
    export default {
        name: "lgb-shopping-cart-head",
        props: {
            title: {
                type: String,
                default: ""
            },
            edit:{
              type: String,
              default: ""
            }
        }
    }
</script>

<style lang="scss">
  @font-face {
    font-family: 'iconfont';  /* project id 1059400 */
    src: url('//at.alicdn.com/t/font_1059400_fg5yub5q7kt.eot');
    src: url('//at.alicdn.com/t/font_1059400_fg5yub5q7kt.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1059400_fg5yub5q7kt.ttf') format('truetype'),
  }
  .lgb-shopping-cart-head{
    width: 100%;
    height: 80upx;
    background-color: #f4f4f4;
    position: fixed;
    top: 0;
    z-index: 5;
    .return{
      position: absolute;
      left: 30upx;
      height: 100%;
      line-height: 80upx;
      font-size:34rpx;
      color:#333;
      font-family: 'iconfont'; 
    }
    .title{
      position: absolute;
      width: 100%;
      text-align: center;
      height: 100%;
      line-height: 80upx;
      font-size:32rpx;
      color:#333;
    }
    .edit{
      position: absolute;
      right: 30upx;
      height: 100%;
      line-height: 80upx;
      font-size:32rpx;
      color:#333;
    }
  }
</style>
